
ul{
    margin: 0 0 0 0;
    padding: 0;
    list-style: none;
}
.section-bg-out{
    height: 100%;
    padding-top: 4rem;
}
.section-bg {
    height: 100%;
    background: #fff;
    box-sizing: border-box;
    border: 2rem solid #8e8fa6;
    border-radius: 7vh;
    position: relative;
    margin-top: 0;
}
.section h1 {
    background: #aec65b;
    display: block;
    position: absolute;
    top: -5.2rem;
    left: 50%;
    width: 26rem;
    height: 5rem;
    font-weight: 400;
    letter-spacing: 10px;
    margin-left: -13rem;
    border-radius: 1.5rem;
    line-height: 5rem;
    font-size: 3rem;
    z-index: 10;
}
/**************************第一屏***************************/
.section1 ul {
    display: block;
    position: absolute;
    top: 0;
    margin: 0px;
    padding: 0px;
    list-style: none;
    width: 30%;
    margin-top: 14vh;
}
.section1-right-list {
    right: 0;
}
.section1 ul li {
    position: relative;
    margin-bottom: 12vh;
}
.section1-left-list li {
    text-align: left;
}
.section1-right-list li {
    text-align: right;
}
.section1 ul li:before {
    content: '';
    display: block;
    background: #aec65b;
    height: 96%;
    position: absolute;
    top: 2%;
    width: 5rem;
    z-index: 0;
    left: 0px;
}
ul.section1-right-list li:before {
    left: auto;
    right: 0;
}
.section1 ul h3 {
    background: #aec65b;
    width: 7rem;
    height: 7rem;
    line-height: 7rem;
    border-radius: 50%;
    font-weight: 400;
    border: 6px solid #fff;
    margin: 0;
    position: relative;
    z-index: 1;
    margin-left: 2%;
    display: inline-block;
    text-align: center;
    font-size: 2.5rem;
}
ul.section1-right-list h3 {
    margin-right: 2%;
}
.section1 ul p {
    font-size: 2rem;
    /*color: #000;*/
    position: absolute;
    top: 1rem;
    margin: 0px;
    margin-left: 14rem;
    text-align: left;
}
ul.section1-right-list p {
    margin-right: 14rem;
    right: 0;
    text-align: right;
    margin-left: auto;
}
.section1-content {
    position: absolute;
    width: 40vh;
    height: 40vh;
    /*background: url(img/section1-1.png) no-repeat;*/
    left: 50%;
    margin-left: -20vh;
    top: 27vh;
    background-size: cover;
}
/***********************************第二屏*****************************/
.section2 h1{
    background: #d8242b;
}
.section h2 {
    font-size: 3rem;
    color: #d8242b;
    letter-spacing: 1rem;
    margin: 5% 0 0 0;
    height: 21vh;
    vertical-align: middle;
}
.section2-list1 {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
}
.section2-list1 i {
    font-size: 3rem;
    color: white;
    position: absolute;
    top: 8%;
    left: 31%;
}
.section2-list1 li {
    background: #aeaeae;
    display: inline-block;
    border-radius: 50%;
    width: 8rem;
    height: 8rem;
    position: relative;
    color: #AEAEAE;
    opacity: 0;
}
.section2-list1 li:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-bottom: 5rem solid;
    border-left: 3.5rem solid #ffffff00;
    border-right: 3.5rem solid transparent;
    top: -3rem;
    left: 0.5rem;
    position: relative;
}
.section2-list1 li p {
    font-size: 1rem;
    bottom: 1rem;
    margin: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    color: #fff;
}
.section2-list2 {
    position: absolute;
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
    bottom: 8%;
}
.section2-list2 li {
    display: inline-block;
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
}
.section2-list2 li p {
    background: #d8242b;
    font-size: 1.5rem;
    margin: 1rem;
    padding: 0.5rem 1rem;
    border-radius: 0.5rem;
}
/*************************************第三批*****************************/
.section3 h1{
    background: #e4942c;
}
.section3 h3 {
    color: #2f2b4b;
    margin: 3rem 0 1rem 0;
    width: 48%;
    display: inline-block;
    font-size: 3rem;
}
.section3-left-list, .section3-right-list {
    margin: 0;
    padding: 0;
    list-style: none;
    /* display: inline-block; */
    position: absolute;
    /* color: #585a59; */
    width: 50%;
    left: 0;
    font-size: 2rem;
    font-weight: 600;
    text-align: left;
    padding-left: 1rem;
}
.section3-right-list {
    left: auto;
    right: 0;
    text-align: right;
    padding-right: 1rem;
    padding-left: 0;
}
.section3-left-list li,.section3-right-list li{
    opacity: 0;
}
.section3 ul li {
    color: #585a59;
    position: relative;
    margin: 4rem 0;
}
.section3-icon {
    width: 5.2rem;
    height: 3rem;
    background: #cf864a;
    color: #cf864a;
    display: inline-block;
    position: absolute;
    border-radius: 0.2rem;
    left: 0;
}
.section3-icon:before {
    content: '';
    display: block;
    position: absolute;
    transform: rotate(60deg);
    width: 5.2rem;
    height: 3rem;
    background: #cf864a;
    border-radius: 0.2rem;
}
.section3-icon:after {
    content: '';
    display: block;
    position: absolute;
    transform: rotate(120deg);
    width: 5.2rem;
    height: 3rem;
    background: #cf864a;
    border-radius: 0.2rem;
}
.section3-left-list .section3-icon {
    left: 14rem;
}
.section3-right-list .section3-icon {
    right: 14rem;
    left: auto;
}
.section3 .iconfont {
    position: absolute;
    font-size: 3rem;
    top: -0.2rem;
    color: #fff;
    font-weight: 100;
}
.section3-left-list .iconfont {
    left: 15.1rem;
}
.section3-right-list .iconfont {
    right: 14.8rem;
    left: auto;
}
/****************第四屏********************/
.section4 h1{
    background: #7389c3;
}
.section4 ul {
    padding: 5% 0 0 0;
    margin: 0;
}
.section4-li {
    display: inline-block;
    width: 16%;
    position: relative;
    background: #7389c3;
    padding: 2% 2% 0 2%;
    margin: 0px 1%;
    border-radius: 1rem;
    overflow: hidden;
    opacity: 0;
}
.section4-li:before {
    content: '';
    display: block;
    position: absolute;
    width: 91%;
    height: 6rem;
    background: #f2f2f2;
    top: 6rem;
    left: 11.1%;
    transform: rotate(170deg);
    border-radius: 1rem;
    z-index: 0;
}
.section4-li h3 {
    margin: 0;
    font-size: 2.5rem;
    font-weight: 400;
    text-align: left;
    padding-left: 1rem;
}
.section4-li p {
    font-size: 1.4rem;
    background: #f2f2f2;
    color: #57649f;
    padding: 7%;
    border-radius: 1rem;
    width: 100%;
    margin: 0;
    margin-top: 2.8rem;
    text-indent: 3rem;
    font-weight: 400;
    position: relative;
    min-height: 26rem;
    text-align: left;
}
/**********************************第五屏**********************************/
.section5 h1 {
    background: #a43160;
}
.section5-list1 {
    margin: 11rem 0 0 3rem;
    padding: 0;
    list-style: none;
    overflow: hidden;
    position: absolute;
    bottom: 4rem;
    width: 92%;
}
.section5-list1:before {
    content: '';
    display: block;
    background: #fff;
    position: absolute;
    top: -44rem;
    left: 14rem;
    width: 96rem;
    height: 76rem;
    border-radius: 50%;
    z-index: 1;
}
.section5-list1 li {
    background: #9c315d;
    text-align: left;
    padding: 0.4rem;
    margin: 0.4rem;
    border-radius: 0.5rem;
    opacity: 0;
}
.section5-list1 li h3 {
    margin: 0;
    font-size: 2.5rem;
    font-weight: 400;
}
.section5-list1 li p {
    margin: 0;
    font-size: 1.1rem;
}
.sections5-list2 {
    position: absolute;
}
.sections5-list2 {
    bottom: 3rem;
    left: 1.6rem;
    top: auto;
    opacity: 0;
}
.sections5-list2 li {
    width: 1rem;
    color: #555;
    font-size: 1.3rem;
    margin-bottom: 2rem;
}
.section5-arrow1 {
    position: absolute;
    bottom: 10rem;
    width: 1.8rem;
    left: 0;
    opacity: 0;
}
.section5-arrow2 {
    position: absolute;
    left: 20rem;
    width: 52rem;
    bottom: 7rem;
    z-index: 2;
    opacity: 0;
}
.section5-roll {
    position: absolute;
    bottom: -0.3rem;
    left: 39rem;
    width: 50rem;
    height: 50rem;
    border: 1rem solid #fff;
    border-radius: 50%;
    max-width: 70vh;
    max-height: 70vh;
    z-index: 2;
    transform: scale(0,0) rotate(0deg);
    transition: .3s;
}
.section5-roll-img {
    width: 100%;
    z-index: 2;
    position: absolute;
    left: 0;
}
.section5-right-block {
    position: relative;
    height: 102%;
    background: #9c315d;
    top: 0%;
    left: -1.5rem;
    max-height: 73vh;
    border-radius: 2rem;
    margin-left: 62rem;
    z-index: 1;
}

@keyframes rollIn {
  from {
    -webkit-transform: scale(0,0) rotate(0deg);
    transform: scale(0,0) rotate(0deg);
  }

  to {
    -webkit-transform: scale(1,1) rotate(360deg);
    transform: scale(1,1) rotate(360deg);
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}
@keyframes rollOut {
  from {
    -webkit-transform: scale(1,1) rotate(360deg);
    transform: scale(1,1) rotate(360deg);
  }

  to {
    -webkit-transform: scale(0,0) rotate(0deg);
    transform: scale(0,0) rotate(0deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

.section5-logo {
    position: absolute;
    right: 3%;
    top: 0%;
    font-size: 8rem;
    display: block;
    z-index: 1;
}
/************************************第六屏**************************************/
.section6-bg {
    background: url(img/section6-1.png) no-repeat;
    background-size: contain;
    height: 84vh;
    width: 67vw;
    position: relative;
    margin-left: 1vw;
}
.section6-detail {
    font-size: 0.8rem;
    display: block;
    position: absolute;
    left: 25vw;
    top: 6vw;
    text-align: left;
    white-space: 1rem;
    text-indent: 2rem;
}
.section6-right {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}
.section6-right li {
    position: absolute;
    height: 0;
    left: 49.5rem;
    top: 14rem;
    transition: 1s;
}
.section6-right img {
    height: 100%;
}
.selector.open li {
    height: 90.5vh;
    top: 5vh;
    left: 56vw;
}
/**************************************第七屏*****************************************/
.section7 h1{
    background: #6bbbc4;
}
.section7-page {
    position: absolute;
    height: 91%;
    width: 100%;
    padding-top: 5rem;
    box-shadow: 0px 0px 1rem 0.1rem #828282;
    transform: rotateY(0deg) skewY(-7deg) scale(0.3,0.3);
    background: #fff;
    transition: .3s;
}
.section7-page-show{
    transform: scale(1,1)!important;
    left: 0!important;
    z-index: 1!important;
    border-radius: 2rem;
}
.section7-page1 h2 {
    font-size: 3rem;
    z-index: 5;
    color: #d21924;
    width: 1px;
    position: absolute;
    left: 13%;
}
.map-img {
    position: absolute;
    height: 84%;
    margin: auto;
    display: block;
    left: 50%;
    bottom: 8%;
    margin-left: -42vh;
}
.section7-page2 li {
    display: inline-block;
    width: 19rem;
    vertical-align: top;
    margin-left: 3rem;
}
.section7-page2 h2 {
    color: #4e4d4e;
    font-size: 5rem;
    position: absolute;
    margin: 0;
    line-height: 5rem;
}
.section7-num {
    color: #6bbbc4;
    font-size: 1.5rem;
    font-weight: 600;
    margin: 0;
    margin-left: 6rem;
    text-align: left;
}
.section7-detail {
    color: #969696;
    font-size: 0.8rem;
    list-style-type: circle;
    text-align: left;
    list-style: initial;
    font-weight: 500;
    margin-left: 7rem;
    min-height: 3rem;
}
.section7-detail li {
    display: block;
    position: relative;
    width: auto;
    margin-left: 0rem;
}
.section7-detail li:before {
    content: '';
    display: block;
    width: 0.4rem;
    height: 0.4rem;
    background: #969696;
    border-radius: 50%;
    position: absolute;
    left: -0.8rem;
    top: 0.3rem;
}
/*********************************灯泡***************************/

.section7 .section-bg {
    height: 100%;
    background: #fff url(img/section7-bg.png);
    box-sizing: border-box;
    border: 3vh solid #8e8fa6;
    border-radius: 7vh;
    position: relative;
    margin-top: 0;
    background-size: contain;
}
.section7-page3 .selector {
    position: absolute;
    left: 50%;
    top: 40%;
    width: 28rem;
    height: 28rem;
    margin-top: -10rem;
    margin-left: -14rem;
}

.section7-page3 .selector,.section7-page3  .selector button {
    font-weight: 300;
}

.section7-page3 .selector button {
    position: relative;
    width: 100%;
    height: 100%;
    transition: all .1s;
    background: #fff;
    border: 0;
    z-index: -1;
}
.section7-page3 .selector button img {
    height: 100%;
}

.section7-page3 .selector button:hover {
    background: #b6282c;
}

.section7-page3 .selector button:focus {
    outline: none;
}

.section7-page3 .selector ul {
    position: absolute;
    list-style: none;
    padding: 0;
    margin: 0;
    top: -20px;
    right: -20px;
    bottom: -20px;
    left: -20px;
}

.section7-page3 .selector li {
    position: absolute;
    width: 0;
    height: 100%;
    margin: 0 50%;
    -webkit-transform: rotate(-360deg);
    transition: all 0.8s ease-in-out;
}

.section7-page3 .selector li input {
    display: none;
}

.section7-page3 .selector li input + label {
    position: absolute;
    left: 50%;
    bottom: 100%;
    width: 0;
    height: 0;
    line-height: 1px;
    margin-left: 0;
    background: #27ad70;
    border: 0.3rem solid #74c39b;
    border-radius: 50%;
    text-align: center;
    font-size: 1px;
    cursor: pointer;
    box-shadow: none;
    transition: all 0.8s ease-in-out, color 0.1s, background 0.1s;
    font-weight: 900;
}
.section7-page3 .selector.open li input + label.plus-icon:after {
    content: '+';
    display: block;
    position: absolute;
    top: -0.8rem;
    right: -0.1rem;
    font-size: 1.5rem;
}

.section7-page3 .selector li input + label:hover {
    background: #449d44;
}

.section7-page3 .selector li input:clicked + label {
    background: #5cb85c;
    color: white;
}

.section7-page3 .selector li input:clicked + label:hover {
    background: #449d44;
}

.section7-page3 .selector.open li input + label {
    width: 5rem;
    height: 5rem;
    line-height: 5rem;
    margin-left: -2.5rem;
    box-shadow: 0px 0px 9px 6px #c6e3cc;
    font-size: 1.4rem;
}
.section7-page3 .selector.open li{
    top: 0;
    left: 0;
}
.section7-back-btn {
    position: absolute;
    right: 1rem;
    top: 1rem;
    background: #85cdd3;
    border: 0;
    color: #fff;
    padding: 0.5rem 1rem;
    font-size: 1rem;
    border-radius: 0.3rem;
    z-index: 10;
}
.section7-page2-list2 {
    height: 80%;
    padding-top: 2rem;
}
.section7-page2-list2 li {
    display: inline-block;
    margin: 0;
    width: 30%;
    height: 20rem;
    overflow: hidden;
    position: relative;
    /* border: 1px solid black; */
    box-shadow: 0 0 6px 0px #818181;
}
.section7-page2-list2 iframe {
    width: 60rem;
    height: 46rem;
    transform: scale(0.5,0.5);
    margin-left: -50%;
    margin-top: -39%;
    border: 0;
}
.section7-page2-list2 a{
    width: 60rem;
    height: 52rem;
    transform: scale(0.5,0.5);
    margin-left: -50%;
    margin-top: -39%;
    display: block;
    position: absolute;
    z-index: 1;
}